<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<!--优先使用IE最新版本和Chrome-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chome=1" />
		<!--视口--设备宽度--初始缩放比例--最小缩放比例--最大缩放比例--用户缩放-->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--禁止浏览器自动的识别-电话号码-email--->
		<meta name="format-detection" content="telephone=no,email=no"/>
		<!--是否启用Web全屏-->
		<meta name="apple-mobile-web-app-capable" content='yes' />
		<meta name="apple-mobile-web-status-bar-style" content="normal|black|black-translucent">
		<!--设置苹果工具栏颜色-->
		<meta name="apple-mobile-web-app-status-bar-style" content='black' />
        <script src="../js/swiper.min.js"></script>
        <script src="../js/zepto.min.js"></script>
        <link rel="stylesheet" href="../js/swiper.min.css" />
        <link rel="stylesheet" href="css/index.css" />
		<title></title>
	</head>
	<body>
		<header>
			<img src="images/爱淘宝_03.jpg" />
	     	<nav>
	     		搜索
	     	</nav>
		</header>
		<aside>
			<div class="banner">
				<img src="images/爱淘宝_06.jpg" />
			</div>
			<ul class="nr1">
				<li>
					<img src="images/爱淘宝_09.jpg" />
					<p>分类列表</p>
				</li>
				<li>
					<img src="images/爱淘宝_11.jpg" />
					<p>赚钱空</p>
				</li>
				<li>
					<img src="images/爱淘宝_13.jpg" />
					<p>砖石会员</p>
				</li>
				<li>
					<img src="images/爱淘宝_15.jpg" />
					<p>苏宁易购</p>
				</li>
				<li>
					<img src="images/爱淘宝_21.jpg" />
					<p>我的钱包</p>
				</li>
				<li>
					<img src="images/爱淘宝_22.jpg" />
					<p>个人中心</p>
				</li>
				<li>
					<img src="images/爱淘宝_23.jpg" />
					<p>宝宝购</p>
				</li>
				
				<li>
					<img src="images/爱淘宝_24.jpg" />
					<p>产品分类</p>
				</li>
			</ul>
			<div class="tet">
				<p class="p1">淘宝特卖</p>
				<p class="p2">每日十点更新</p>
			</div>
			<div class="nr3">
				<div class="to">
					<div>
						<p style="color: paleturquoise; font-size: 1.4rem;">掌上装享</p>
						<p class="p1">超值购买</p>
					</div>
					<div>
						<p style="color:palevioletred; font-size: 1.4rem;">国美精品</p>
						<p class="p1">安全专利</p>
					</div>
					<div>
						<p style="color:peru; font-size: 1.4rem;">团购</p>
						<p class="p1">养生壶</p>
					</div>
					<div>
						<p style="color: orange; font-size: 1.4rem;">潮流</p>
						<p class="p1">优惠丽江</p>
					</div>
				</div>
				<div class="bo">
					<div>
						<img src="images/爱淘宝_30.jpg">
					</div>
					<div>
						<img src="images/爱淘宝_32.jpg">
					</div>
					<div>
						<img src="images/爱淘宝_34.jpg">
					</div>
					<div>
						<img src="images/爱淘宝_36.jpg">
					</div>
				</div>
			</div>
			<div class="tt">限时特价</div>
			<div class="nr2">
				<div>
					<p>SDGSA</p>
					<p>连风衣</p>
					<p>马上欠货</p>
				</div>
				<div>
					<p>SDGSA</p>
					<p>连风衣</p>
					<p>马上欠货</p>
				</div>
				<div>
					<p>SDGSA</p>
					<p>连风衣</p>
					<p>马上欠货</p>
				</div>
				<div>
					<p>SDGSA</p>
					<p>连风衣</p>
					<p>马上欠货</p>
				</div>
			</div>
				<div class="tt">低价爆款</div>
				<div class="nr4">
					<li>
						<img src="images/爱淘宝_41_看图王.jpg" />
					</li>
					<li>
						<img src="images/爱淘宝_43.jpg" />
					</li>
					<li>
						<img src="images/爱淘宝_45.jpg" />
					</li>
					<li>
						<img src="images/爱淘宝_49.jpg" />
					</li>
					<li>
						<img src="images/爱淘宝_51.jpg" />
					</li>
					<li>
						<img src="images/爱淘宝_52.jpg" />
					</li>
				</div>
		</aside>
		<footer>
			<div>
				<img src="images/爱淘宝_57.jpg" />
			</div>
			<div>
				<img src="images/爱淘宝_59.jpg" />
			</div>
			<div>
				<img src="images/爱淘宝_61.jpg" />
			</div>
			<div>
				<img src="images/爱淘宝_63.jpg" />
			</div>
			<div>
				<img src="images/爱淘宝_65.jpg" />
			</div>
		</footer>
	</body>
</html>
